//入口函数
$(function () {
   
    /*效果3.自定义表单校验规则*/
    // console.log(layui)
    layui.form.verify({
        //规则名称:规则自定义
        pwd: [
            /^\S{6,12}$/,
            '密码必须为6到12位的非空字符'
        ],
        regpwd: function (value, item) {
            //value使用此规则的表单值
            //item 使用此规则的表单元素对象（dom对象）
            // console.log(value, item);
            //判断密码(手动获取)和确认密码（value）是否一致
            var pwd = $('#form_reg input[name=password]').val().trim();
            if (pwd !== value) {
                return "两次密码不一致"
            }
        }
    })
    //效果1 注册页面登录页面切换
    // alert('ok')
    /* 点击去注册显示注册表单 隐藏登录页面*/
    $('#link_reg').on('click', function () {
        $('.reg-box').show();
        $('.login-box').hide();
    })
    /*  点击去登陆显示登陆页面 隐藏注册页面**/
    $('#link_login').on('click', function () {
        $('.login-box').show();
        $('.reg-box').hide();
        
    })
    /*效果2 注册功能*/
    //注册submit事件
    $('#form_reg').on('submit', function (e) {
        //阻止表单提交的默认事件
        e.preventDefault()
        // console.log('ok');
        //收集用户的数据
        var username =$('#form_reg input[name=username]').val().trim();
        var password =$('#form_reg input[name=password]').val().trim();
        var repassword =$('#form_reg input[name=repassword]').val().trim();
        //校验数据
        console.log(username, password, repassword);
        //调接口 完成注册
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: {
                username:username,password
            },
            success(res) {
                console.log(res);
                //判断是否注册成功
                if (res.status !== 0) {
                    return layui.layer.msg('注册失败',{icon:5})
                }
                layui.layer.msg('注册失败',{icon:6})
                //显示登录表单（触发“去登陆”按钮的click事件）
                $('#link_login').click();
            }
        })
    })
    //效果4 登录功能
    $('#form_login').on('submit', function (e) {
        //阻止表单默认提交事件
        e.preventDefault();
        //获取数据
        var data = $(this).serialize();
        console.log(data);
        //发送请求
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success(res) {
                console.log(res);
                //判断是否登录成功
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 });
                }
                layui.layer.msg(res.message, { icon: 6 });
                //保存token到本地
                localStorage.setItem('token', res.token);
                //跳转到后台页面
                location.href = 'index.html'
            }
        })
    })
})